<template>
  <div>
    <Card :bordered="false" dis-hover>
      <Table :columns="musicColumn" :data="playlist"></Table>
    </Card>
  </div>
</template>

<script>
import searchTableColumns from "../search/search-table-columns.js";
import { mapGetters } from "vuex";
export default {
  name: "recent",
  data() {
    return {
      musicColumn: searchTableColumns(this)
    };
  },
  created() {},
  computed: {
    ...mapGetters(["playlist"])
  }
};
</script>

<style lang="" scoped>
</style>